<template>
  <i class="iconfont icon-container" :class="fontClass"></i>
</template>

<script setup>
import {computed} from "vue"
const classMap = {
  account:"icon-zhanghao",
  password:"icon-mima",
  adminIcon: "icon-guanliyuan_guanliyuanliebiao",
  summary:"icon-gaishu",
  dormitory:"icon-susheloudong",
  floor:"icon-louceng",
  roomIcon: "icon-sushefangjian",
  student:"icon-xuesheng",
  record:"icon-bijijilu",
  getUpRecord: "icon-qichuang",
  endResultRecord:"icon-guisuzuzhi",
  cleanRecord:"icon-dasao",
  gaishu:"icon-gaishu1",
  more:"icon-jiantou",
  close:"icon-cuowuguanbiquxiao",
  Beds:"icon-sushe",
  refresh: "icon-shuaxin",
  delete:"icon-shanchu",
  change: "icon-biangeng",
  plus:"icon-jiajianzujianjiahao",
  unavailable:"icon-zanwushuju",
  name:"icon-mingcheng",
  authority:"icon-quanxian",
  phone:"icon-shoujihao",
  accountMan:"icon-zhanghaozhongxinzhanghaoguanli",
  CheckInRecord: "icon-ruzhujilu",
  distribution: "icon-banji",
  RepairReport: "icon-baoxiu",
  MainRecords: "icon-weixiujilu"
};
const props = defineProps({
  type:{
    type:String,
    required: true,
  }
})
const fontClass = computed(() => classMap[props.type])
</script>

<style scoped lang="less">
@import "//at.alicdn.com/t/c/font_4516594_tr6k043wu5.css";
@import "@/styles/var.less";
.iconfont {
  color: inherit;
  font-size: inherit;

}
</style>
